<template>
  <div>
    <van-sticky>
      <div class="main-box-top">
        <div class="box-center">
          <img src="@/assets/image/logo.png" alt="">
          <div class="right">
            <span><i class="iconfont icon-touxiang2"></i>管理员</span>
            <el-divider direction="vertical"></el-divider>
            <a href="javascript:void (0)" v-routers="{path:'/login'}">
              <i class="iconfont icon-tuichudenglu"/> 注销
            </a>
          </div>
        </div>

      </div>
    </van-sticky>

  </div>

</template>

<script>

</script>

<style scoped lang="scss">
.main-box-top{
  width:100%;
  display: flex;
  height: 70px;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #f6f6f6;
  background-image: linear-gradient(to top, #c4c5c7 0%, #dcdddf 52%, #ebebeb 100%);
  .box-center{
    width: 1400px;
    height: 60px;
    display: flex;
    justify-content: space-between;
    img{
      height: 60px;
    }
    .right{
      width: 300px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: right;
      span{
        display: flex;
        align-items: center;
        i{
          color: #666666;
          margin-right: 10px;
          font-size: 24px;
        }
        font-size: 14px;
      }
      a{
        display: flex;
        align-items: center;
        color: #ff5246;
        font-size: 12px;

        i{
          font-size: 18px;
        }
      }
    }
  }

}
</style>
